<template>
  <div>
    <div class="fixHead">
      <div class="title">
        <span class="iconfont icon-jiantou" @click="$router.go(-1)"></span>
        <span class="icon-home" @click="$router.push('/')"></span>
        <h1>设置</h1>
      </div>
      <div style="height: 0.88rem;"></div>
    </div>
    <div class="personDiv">
      <router-link :to="'/updatePhone'" class="personLi">
        <p>修改手机账号</p>
        <div>
          <span>155****1111</span><span class="iconfont icon-jiantou"></span>
        </div>
      </router-link>
      <router-link :to="'/change_password'" class="personLi">
        <p>登录密码</p>
        <div>
          <span>设置/修改</span><span class="iconfont icon-jiantou"></span>
        </div>
      </router-link>
    </div>
    <div class="quit" @click="show1 = true">退出当前账号</div>
    <yd-popup v-model="show1" position="bottom" width="100%">
      <ul class="table-view">
        <li class="item">是否确认退出当前账号？</li>
        <li class="item red">退出登录</li>
        <li class="cut"></li>
        <li class="item" @click="show1 = false">取消</li>
      </ul>
    </yd-popup>
  </div>
</template>

<script>
import { Popup } from "vue-ydui/dist/lib.rem/popup";
export default {
  name: "",
  components: {
    ydPopup: Popup
  },
  props: {},
  data: function() {
    return {
      show1: false
    };
  },
  mounted: function() {},
  methods: {}
};
</script>

<style scoped>
.quit {
  font-size: 0.28rem;
  line-height: 0.48rem;
  color: #ffffff;
  width: 5rem;
  text-align: center;
  margin: 0.4rem auto;
}
</style>
